
.my-list-block {
  margin-top: (10/@font-size-base)*1rem;
  margin-bottom: (10/@font-size-base)*1rem;
  &.no-mt {
    margin-top: 0;
  }

  ul {
    .hairline-remove(top);
    .hairline-remove(bottom);
  }

  .item-title {
    span {
      font-size: (16/@font-size-base)*1rem;
    }
  }

  .item-media + .item-inner {
    margin-left: (15/@font-size-base)*1rem;
  }

  .icon-account {
    width: (26/@font-size-base)*1rem;
    height: (26/@font-size-base)*1rem;
    background: url("../../images/my_account_icon.png") no-repeat;
    background-size: 100%;
  }
  .icon-buy {
    width: (26/@font-size-base)*1rem;
    height: (26/@font-size-base)*1rem;
    background: url("../../images/my_buy_icon.png") no-repeat;
    background-size: 100%;
  }
  .icon-follow {
    width: (26/@font-size-base)*1rem;
    height: (26/@font-size-base)*1rem;
    background: url("../../images/my_follow_icon.png") no-repeat;
    background-size: 100%;
  }
  .icon-quanzi {
    width: (26/@font-size-base)*1rem;
    height: (26/@font-size-base)*1rem;
    background: url("../../images/my_quanzi_icon.png") no-repeat;
    background-size: 100%;
  }
  .icon-message {
    width: (26/@font-size-base)*1rem;
    height: (26/@font-size-base)*1rem;
    background: url("../../images/my_message_icon.png") no-repeat;
    background-size: 100%;
  }
  .icon-collect {
    width: (26/@font-size-base)*1rem;
    height: (26/@font-size-base)*1rem;
    background: url("../../images/my_coloct_icon.png") no-repeat;
    background-size: 100%;
  }
}

// 编辑资料页的头像部分
.my-edit-avatar {
  position: relative;
  background: @white;
  box-sizing: border-box;
  text-align: center;
  padding: (25/@font-size-base)*1rem (15/@font-size-base)*1rem;
  .hairline(bottom, #e1e1e1);

  a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: (70/@font-size-base)*1rem;
    height: (70/@font-size-base)*1rem;
    border-radius: 50%;

    img {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      width: (70/@font-size-base)*1rem;
      height: (70/@font-size-base)*1rem;
      z-index: 1;
    }
    i {
      position: absolute;
      top: auto;
      right: 0;
      bottom: 0;
      left: auto;
      display: inline-block;
      vertical-align: middle;
      width: (24/@font-size-base)*1rem;
      height: (24/@font-size-base)*1rem;
      background: url("../../images/my_edit_avatar_icon.png") no-repeat;
      background-size: 100% 100%;
      z-index: 5;
    }
  }
  p {
    display: block;
    width: 100%;
    text-align: center;
    color: #e1e1e1;
    font-size: (13/@font-size-base)*1rem;
    margin-bottom: 0;
    margin-top: (15/@font-size-base)*1rem;
  }
}


.my-edit-list {
  margin-top: (8/@font-size-base)*1rem;
  margin-bottom: (8/@font-size-base)*1rem;
  .item-content {
    padding-left: 0;
  }
  .item-inner {
    padding-left: (15/@font-size-base)*1rem;
    padding-right: (15/@font-size-base)*1rem;
    box-sizing: border-box;
    &.input-file {
      .align-items(start);
    }
  }
  .item-title{
    &.label {
      width: (80/@font-size-base)*1rem;
    }

    span{
      font-size: (14/@font-size-base)*1rem;
    }
  }
  input[type=date],
  input[type=datetime-local],
  input[type=email],
  input[type=number],
  input[type=password],
  input[type=search],
  input[type=tel],
  input[type=text],
  input[type=time],
  input[type=url],
  select,
  textarea {
    font-size: (14/@font-size-base)*1rem;
  }

  input[type="file"] {
    display: none;
  }

  textarea {
    height: 100px;
  }
  .input-file-text {
    margin-top: (11/@font-size-base)*1rem;
    margin-bottom: (10/@font-size-base)*1rem;
    display: inline-block;
    vertical-align: middle;
    width: (160/@font-size-base)*1rem;
    height: (100/@font-size-base)*1rem;
    font-style: normal;
    font-size: (14/@font-size-base)*1rem;
    line-height: (28/@font-size-base)*1rem;
  }
  .input-file-icon {
    margin-top: (11/@font-size-base)*1rem;
    margin-bottom: (10/@font-size-base)*1rem;
    margin-left: (20/@font-size-base)*1rem;
    display: inline-block;
    vertical-align: middle;
    width: (160/@font-size-base)*1rem;
    height: (100/@font-size-base)*1rem;
    background: url("../../images/reg_input_file.png") no-repeat;
    background-size: cover;
  }
}
